<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>粉丝会员</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/dialog.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/user.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/dialog.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<header class="header">
	<a class="left_icon back_btn"></a>
	<div class="flex-row nav">
		<a class="on dm-wrap">我的粉丝</a>
		<a class="dm-wrap">我的会员</a>
	</div>
	<a class="right_icon" onclick="openSubMain('#selDataMask')">筛选</a>
</header>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<div class="dm-search flex-row bottom-line">
					<input type="text" class="nor flex-full" placeholder="请输入您要搜索的内容" />
					<button class="btn" type="button">搜索</button>
				</div>
				
				<ul class="userBox flex-row bottom-line bg-w" :data-type="item.bind ? 0 : 1" v-for='(item,index) in userData' @click="location.href='user_detail.html?userId='+item.id" v-if="userData.length > 0">
					<li class="photo">
						<div class="cover"><img :src="item.photo" /></div>
						<span class="vip" v-if="type == 1">vip1</span>
					</li>
					<li class="flex-full info">
						<h5 class="name">{{item.name}}</h5>
						<div class="tag-box">
							<span class="unsign" v-if="item.tag == null">暂无标签</span>
							<span class="tag" v-for='(sign,i) in item.tag' v-if="item.tag != null && i<2">{{sign}}</span>
						</div>
						<h6 class="time">最近联系：{{item.curTime}}</h6>
					</li>
					<li class="btn-box fex-col" @click.stop="operate(item.id)">
						<span></span>
						<span></span>
						<span></span>
					</li>
				</ul>
				
				<!--空数据-->
				<div class="emptyMod nullMod" v-if="userData.length == 0 || !userData">
					<div class="icon">
						<img src="image/empty/fans_empty.png" />
					</div>
					<!--粉丝提示语-->
					<temple v-if="type == 0">
						<div class="txt">暂无粉丝，快去打开营销码收集粉丝吧</div>
						<a href="code.html" class="link">立即吸粉</a>
					</temple>
					<!--粉丝提示语 end-->
					<!--会员提示语-->
					<temple v-if="type == 1">
						<div class="txt">暂无会员，快去转化你的粉丝吧</div>
					</temple>
					<!--会员提示语 end-->
				</div>
				<!--空数据 end-->
				
				<!--网络错误-->
				<div class="emptyMod netError" style="display: none;">
					<div class="icon">
						<img src="image/empty/netError.png" />
					</div>
					<div class="txt">网络开小差了，快去检查一下你的网络</div>
				</div>
				<!--网络错误 end-->
				
				<!--加载失败-->
				<div class="emptyMod netError" style="display: none;">
					<div class="icon">
						<img src="image/empty/loadError.png" />
					</div>
					<div class="txt">哎呀,页面没有加载出来!<br />尝试重新加载吧</div>
				</div>
				<!--加载失败 end-->
			</div>
			
		</div>
	</div>
</div>


<!--添加标签-->
<div class="subMain animate" id="addTagMask">
	<header class="header">
		<a class="left_icon back_btn" data-type='1'></a>
		<h4 class="title">添加标签</h4>
		<a class="right_icon achieved-btn" id="achievedBtn">完成</a>
	</header>
	<div class="swiper-container Main" id="addTag">
		<div class="swiper-wrapper">
			<div class="swiper-slide content">
				
				<div class="children">
					
					<div class="dm-norlist top-line bottom-line dm-mt bg-w">
						<ul class="flex-row input">
							<li class="cot flex-full">
								<input type="text" class="max-input" id="tag" placeholder="输入标签，最多20个字符" />
							</li>
							<li class="name">
								<button class="btn" id="addBtn" type="button">添加</button>
							</li>
						</ul>
					</div>
					
					<div class="tag-wrap dm-clearfix"></div>
					
				</div>
				
			</div>
		</div>
	</div>
</div>

<!--选择时间段-->
<div class="subMain animate" id="selDataMask">
	<header class="header">
		<a class="left_icon back_btn" data-type='1'></a>
		<h4 class="title">选择时间</h4>
		<a class="right_icon achieved-btn" id="selectedBtn">完成</a>
	</header>
	<div class="swiper-container Main">
		<div class="swiper-wrapper">
			<div class="swiper-slide content">
				
				<div class="children">
					
					<div class="dm-title">请选择注册时间段<a class="empty" onclick="emptySel()"></a></div>
					
					<ul class="date-wrap flex-row">
						<li class="start date-box flex-full">
							<input type="date" onchange="selDate(this)" class="date" />
							<input type="text" class="nor" id="start" readonly="readonly" placeholder="开始日期" />
						</li>
						<li class="txt">至</li>
						<li class="end date-box flex-full">
							<input type="date" onchange="selDate(this)" class="date" />
							<input type="text" class="nor" id="end" readonly="readonly" placeholder="结束日期" />
						</li>
					</ul>
					
				</div>
				
			</div>
		</div>
	</div>
</div>

</body>
</html>
